.A07-content .mdd-layout {
    grid-template-rows: 28px 28px 1fr 28px auto;
}

.A07-content .mdd-layout.dispatched {
    grid-template-rows: 28px 28px 28px 1fr 28px auto;
}

.A07-content .mdd-layout button.kmi-button {    
    max-width: 100%;
    padding: 0;
    margin: 0 8px 0 0px;
}

.A07-content .mdd-layout button[ng-show="_fn['unassigned_clear'].isShown != 'N'"],
.A07-content .mdd-layout button[ng-show="_fn['assigned_clear'].isShown != 'N'"] {  
    margin: 0;

    background: #ececec;    
    color: black;
}

.A07-content .mdd-layout div[list-bind="dispatch_detail"] {
    height: auto !important;
    z-index: 2;
}

.A07-content .mdd-layout div[item-name="machine_panel"] {
    height: auto !important;
    z-index: 2;
}
.A07-content .mdd-layout div[item-name="machine_panel"] .machine-contener {
    min-height: 113px;
}

.A07-content .mdd-layout div[list-bind="dispatched_detail"] {
    height: auto !important;
    z-index: 2;
}

.A07-content .mdd-layout div[ng-show="_event['assigned_wo_no'].isShown != 'N'"],
.A07-content .mdd-layout div[ng-show="_event['assigned_plot_no'].isShown != 'N'"],
.A07-content .mdd-layout div[ng-show="_event['assigned_machine'].isShown != 'N'"],
.A07-content .mdd-layout label[ng-show="_event['equipment_sort_mode_label'].isShown != 'N'"],
.A07-content .mdd-layout div[ng-show="_event['equipment_sort_mode_label'].isShown != 'N'"] input,
.A07-content .mdd-layout button[ng-show="_fn['assigned_search'].isShown != 'N'"],
.A07-content .mdd-layout button[ng-show="_fn['assigned_clear'].isShown != 'N'"] {
    z-index: 2;
}

.A07-content .mdd-layout div[ng-show="_event['equipment_sort_mode_label'].isShown != 'N'"] .tip {
    z-index: 3;
}

.A07-content .mdd-layout div[item-name="dis_start_time"] input,
.A07-content .mdd-layout div[item-name="dis_end_date"] input{
    max-width: 73px;
    margin: 0 4px;
}

.A07-content .mdd-layout.pdf-open{
    padding: 0;
}

.A07-content .mdd-layout .pdf-panel{
    position: absolute; 
    padding: 0; 
    width: 100%; 
    height: 100% !important; 
    z-index: 4;
}

.A07-content .mdd-layout .pdf-footer{
    position: absolute; 
    z-index: 4;
}

.A07-content .kmi-list__column-left-btn {
    position: initial;
}

.A07-content .kmi-layout-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 12px 16px;

    position: relative;
    overflow: hidden;
    justify-content: flex-end;
}

.A07-content .edit-mask {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;

    opacity: 1;
    transition: all .3s ease-in-out;
}

.A07-content .edit-mask.ng-hide {
    opacity: 0;
}

.A07-content .work-panel .work-list {
    z-index: 1;
    border-radius: 0px;
}

.A07-content .work-panel .page-content {
    border-radius: 0 0 6px 6px;
    border: 1px solid #cccccc;
    border-top: 0px;
    background: #ffffff;
    z-index: 1;
}

.A07-content .condition-panel {
    flex: 0 0 28px;
    opacity: 1;
    transition: all .3s ease-in-out;
}

.A07-content .condition-panel .date-panel {
    display: flex;
    z-index: 2;
    align-items: center;
    width: 100%;
}

.A07-content .conten-panel {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    opacity: 1;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 6px;
    transition: all .3s ease-in-out;
    z-index: 2;
}

.A07-content .conten-panel.hide-panel {
    flex: 0 !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    opacity: 0;
}

.A07-content .conten-panel.machine-panel.hide-panel {
    flex: 0 0 44px !important;
    opacity: 1;
    overflow: hidden;
    border-bottom: 0px;
    border-radius: 6px 6px 0 0;
}

.A07-content .conten-panel .kmi-list {
    border: 0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
    z-index: 1;
}

.A07-content .conten-panel .page-content {
    z-index: 1;
    background: #ffffff;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #1f1f1f1f;
}

.A07-content .conten-panel .kmi-list__title {
    margin-bottom: 0px;
    padding: 8px 4px 8px 8px;
    flex: 0 0 44px;
}

.A07-content .machine-list {
    padding: 4px 4px 0;
    border-top: 0px;
    box-sizing: border-box;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #ffffff;
    border-radius: 4px;
}

.A07-content .machine-list.hide-panel {
    flex: 0 !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    opacity: 0;
}

.A07-content .machine-contener {
    display: flex;
    flex-direction: row;
    z-index: 1;
    /* flex: 1; */
}

.A07-content .machine-contener .machine-conten {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #FFFFFF;
    flex: 0 0 calc(20% - 8px);
    /*padding: 8px;*/
    border-radius: 6px;
    padding-bottom: 8px;
    margin: 0 4px;
    border: 1px solid #00869b;
}

.A07-content .machine-contener .machine-conten .machine-title,
.A07-content .machine-contener .machine-conten .machine-info,
.A07-content .machine-contener .machine-conten .kmi-list__title {
    padding: 0 8px;
    border-bottom: 0px solid #ffffff !important;
}

.A07-content .machine-contener .machine-conten .machine-state {
    position: absolute;
    right: 10px;
    bottom: 30px;

}

.A07-content .machine-contener .machine-conten .machine-state-info {
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
}

.A07-content .machine-contener .machine-conten .machine-state-info.status_0 {
    /* 加工 */
    background: #6ABE83;
}

.A07-content .machine-contener .machine-conten .machine-state-info.status_1 {
    /* 闲置 */
    background: #FFB549;
}

.A07-content .machine-contener .machine-conten .machine-state-info.status_2 {
    /* 故障 */
    background: #DD4264;
}

.A07-content .machine-contener .machine-conten .machine-state-info.status_3 {
    /* 保养 */
    background: #F78D3F;
}

.A07-content .machine-contener .machine-conten .machine-state-info.status_4 {
    /* 关机 */
    background: #6B778D;
}

.A07-content .machine-contener .machine-conten .machine-state-info.status_5 {
    /* 暂停 */
    background: #996699;
}

.A07-content .machine-contener .machine-conten .machine-state-info.status_6 {
    /* 维修 */
    background: #1F6ED4;
}

.A07-content .machine-contener .machine-conten .machine-state-info.status_7 {
    /* 设置 */
    background: #EF5285;
}

.A07-content .machine-work-list .kmi-list__row .kmi-list__column {
    color: black;
}

.A07-content .machine-work-list .kmi-list__row {
    flex: 0 0 32px;
}

.A07-content .work-panel .kmi-list__title.red,
.A07-content .machine-contener .machine-conten.red .machine-title,
.A07-content .kmi-list__row-content .kmi-list__row.red,
.A07-content .kmi-list__row-content .kmi-list__row.red:hover,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.red,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.red:hover {
    background: #db4c3d !important;
    border-bottom: 1px solid #ffffff;
    color: #FFFFFF;
}

.A07-content .work-panel .kmi-list__title.yellow,
.A07-content .machine-contener .machine-conten.yellow .machine-title,
.A07-content .kmi-list__row-content .kmi-list__row.yellow,
.A07-content .kmi-list__row-content .kmi-list__row.yellow:hover,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.yellow,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.yellow:hover {
    background: #e1b446 !important;
    border-bottom: 1px solid #ffffff;
    color: #FFFFFF;
}

.A07-content .work-panel .kmi-list__title.green,
.A07-content .machine-contener .machine-conten.green .machine-title,
.A07-content .kmi-list__row-content .kmi-list__row.green,
.A07-content .kmi-list__row-content .kmi-list__row.green:hover,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.green,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.green:hover {
    background: #65bd85 !important;
    border-bottom: 1px solid #ffffff;
    color: #FFFFFF;
}

.A07-content .machine-contener .machine-conten.white {
    border: 1px solid #ffffff;
}

.A07-content .work-panel .kmi-list__title.white,
.A07-content .machine-contener .machine-conten.white,
.A07-content .kmi-list__row-content .kmi-list__row.white,
.A07-content .kmi-list__row-content .kmi-list__row.white:hover,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.white,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.white:hover {
    background: ffffff !important;
    border-bottom: 1px solid #000000;
    color: #000000;
}

.A07-content .work-panel .kmi-list__title.blue,
.A07-content .machine-contener .machine-conten.blue,
.A07-content .kmi-list__row-content .kmi-list__row.blue,
.A07-content .kmi-list__row-content .kmi-list__row.blue:hover,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.blue,
.MachineList-dialog .kmi-list__row-content .kmi-list__row.blue:hover {
    background: #4f74b9 !important;
    border-bottom: 1px solid #ffffff;
    color: #FFFFFF;
}

.A07-content .kmi-list__row-content .kmi-list__row.ghost:nth-child(even),
.A07-content .kmi-list__row-content .kmi-list__row.ghost:nth-child(odd) {
    opacity: .5;
    background: #d0d0d0;
}

.A07-content .kmi-list__page-content {
    display: flex;
    justify-content: center;
    z-index: 1;
    background: #ffffff;
    border-radius: 0 0 6px 6px;
}

.A07-content .kmi-list__page-content .kmi-button.kmi-button-confrim {
    top: 0px;
    margin: 4px 0px 4px 8px;
}

.A07-content .kmi-list__column.head-controls.last .filter {
    padding-right: 24px;
}

.A07-content .kmi-tag-fields .kmi-button-content {
    flex: 1;
}

.A07-content .kmi-tag-fields .kmi-button-content .kmi-button {
    flex: 1;
    display: flex;
    justify-content: space-between;
    height: 28px;
    margin-top: 10px;
    padding-left: 8px;
}

.A07-content .kmi-tag-fields .kmi-button-content .kmi-button>label {
    padding-right: 5px;
}

.A07-content .kmi-tag-fields .kmi-button-content .kmi-button .material-icons {
    position: static;
    z-index: 10;
    transition: all .2s;
}

.A07-content .kmi-tag-fields .kmi-button-content .kmi-button .material-icons:hover {
    background-color: rgb(153, 153, 153);
    color: #ffffff;
}

/*Dialog*/
.MachineList-dialog {
    width: 100%;
    height: 100%;
}

.MachineList-dialog .kmi-layout-main-content {
    border-radius: 6px 6px 6px 6px;
    background-color: white;
}

.MachineList-dialog .kmi-layout-page {
    padding: 0;
    padding-bottom: 8px;
}

.MachineList-dialog .date-panel {
    display: flex;
    flex: 1;
    z-index: 1;
}

.A07-content .sort_item {
    padding: 2px;
    margin: 0px 5px;
    z-index: 2;
    background: #ffffff;
    border-radius: 2px;
}

.A07_MachineList-dialog .condition-panel label {
    padding: 0 16px 0 8px;
}

.A07_MachineList-dialog .date-panel {
    display: flex;
    flex: 1;
    z-index: 1;
}

.A07-content .selected-info {
    position: absolute;
    right: 16px;
    display: flex;
    width: 25%;
}

.A07-content .selected-info div {
    flex: 1;
    white-space: nowrap;
}

.A07-content .page-content {
    background: #FFF;
}